<template>
	<mt-popup v-model="popupVisibleAdr" position="bottom">
		<div class="width100 height100 padding_lf6_rg6 box_shadow_top background_fff">
			<div class="padding_top15_bot15 color666 text_align_ct">
				配送至
			</div>
			<div class="" style="min-height: 500px;">
				<div class="border_bot_dcdcdc overflow_hidden">
					<span class="fl width10 text_align_ct">
						<img src="../assets/images/adr_icon.png"/>
					</span>
					<span class="fl width80">
						天津南开区全境天津市南开区天拓南硬件里的4栋3门333
					</span >
					<span class="fr width10 text_align_ct">
						<img src="../assets/images/duigou_icon.png"/>
					</span>
				</div>
				<div v-for="item in addressData" class="border_bot_dcdcdc overflow_hidden">
					<span class="fl width10 text_align_ct">
						<img src="../assets/images/adr_icon.png"/>
					</span>
					<span class="fl width80">
						{{item.AddrProvince}}
						{{item.AddrCity}}
						{{item.AddrArea}}
						{{item.AddrDetail}}
					</span >
					<span class="fr width10 text_align_ct">
						<img src="../assets/images/duigou_icon.png"/>
					</span>
				</div>
			</div>

			<div class="btn_bot">
				选择其他地址
			</div>
		</div>
	</mt-popup>

</template>
<script>
	export default {
//		props: ['popupVisibleAdr'],
		mounted() {
			this.fetchData();
		},
		data() {
			return {
				popupVisibleAdr: false,
				addressData: [],
			}
		},

		methods: {
			fetchData(id) {
				var _this = this;
				_this.$http.get('/client/Address', null, localStorage.Authorization, res => {
					console.log('地址列表res', res)
					if(res.code === 200) {
						_this.addressData = res.data.list
					}

				})
			}
		}
	}
</script>
<style>
	@import '../assets/css/detail.css';
	.mint-popup-bottom {
		width: 100%;
		height: 70%;
	}
</style>